﻿@{
    ViewBag.Title = "Index";
}
<div class="page-title">
    
</div>
<div id="container"> 
    @*<div class="row">
        <div class="col-md-8 spacing-bottom">
            <div class="row tiles-container tiles white spacing-bottom">
                <div class="tile-more-content col-md-4 col-sm-4 no-padding">
                    <div class="tiles green">
                        <div class="tiles-body">
                            <div class="heading">
                                Statistical
                            </div>
                            <p>Status : live</p>
                        </div>
                        <div class="tile-footer">
                            <div class="iconplaceholder"><i class="fa fa-map-marker"></i></div>258 Countries, 4835 Cities
                        </div>
                    </div>
                    <div class="tiles-body">
                        <ul class="progress-list">
                            <li>
                                <div class="details-wrapper">
                                    <div class="name">Foreign Visits</div>
                                    <div class="description">Our Overseas visits</div>
                                </div>
                                <div class="details-status pull-right">
                                    <span class="animate-number" data-value="89" data-animation-duration="800">0</span>%
                                </div>
                                <div class="clearfix"></div>
                                <div class="progress progress-small no-radius">
                                    <div class="progress-bar progress-bar-success animate-progress-bar" data-percentage="89%"></div>
                                </div>
                            </li>
                            <li>
                                <div class="details-wrapper">
                                    <div class="name">Local Visits</div>
                                    <div class="description">Our Overseas visits</div>
                                </div>
                                <div class="details-status pull-right">
                                    <span class="animate-number" data-value="45" data-animation-duration="600">0</span>%
                                </div>
                                <div class="clearfix"></div>
                                <div class="progress progress-small no-radius ">
                                    <div class="progress-bar progress-bar-warning animate-progress-bar" data-percentage="45%"></div>
                                </div>
                            </li>
                            <li>
                                <div class="details-wrapper">
                                    <div class="name">Other Visits</div>
                                    <div class="description">Our Overseas visits</div>
                                </div>
                                <div class="details-status pull-right">
                                    <span class="animate-number" data-value="12" data-animation-duration="200">0</span>%
                                </div>
                                <div class="clearfix"></div>
                                <div class="progress progress-small no-radius">
                                    <div class="progress-bar progress-bar-danger animate-progress-bar" data-percentage="12%"></div>
                                </div>
                            </li>
                        </ul>

                    </div>
                </div>
                <div class="tiles white col-md-8 col-sm-8 no-padding">
                    <div class="tiles-chart">
                        <div class="controller">
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                        <div class="tiles-body">
                            <div class="tiles-title">GEO-LOCATIONS</div>
                            <div class="heading">
                                8,545,654 <i class="fa fa-map-marker"></i>
                            </div>
                        </div>
                        <div id="world-map" style="height:405px"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>

            <div class="row tiles-container spacing-bottom tiles grey">
                <div class="tiles white col-md-8 col-sm-8 no-padding">
                    <div class="tiles-body">
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="mini-chart-wrapper">
                                    <div class="chart-details-wrapper">
                                        <div class="chartname">
                                            New Orders
                                        </div>
                                        <div class="chart-value">
                                            17,555
                                        </div>
                                    </div>
                                    <div class="mini-chart">
                                        <div id="mini-chart-orders"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="mini-chart-wrapper">
                                    <div class="chart-details-wrapper">
                                        <div class="chartname">
                                            My Balance
                                        </div>
                                        <div class="chart-value">
                                            $17,555
                                        </div>
                                    </div>
                                    <div class="mini-chart">
                                        <div id="mini-chart-other"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div id="ricksaw"></div>

                    <div class="clearfix"></div>
                </div>
                <div class="col-md-4 col-sm-4 no-padding">
                    <div class="tiles grey ">
                        <div class="tiles white no-margin">
                            <div class="tiles-body">
                                <div class="tiles-title blend">
                                    OVERALL VIEWS
                                </div>
                                <div class="heading">
                                    <span data-animation-duration="1000" data-value="432852" class="animate-number">0</span>
                                </div>
                                44% higher <span class="blend">than last month</span>
                            </div>
                        </div>
                        <div id="legend"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-sm-8">
                    <div class="tiles white">
                        <div class="tiles-body">
                            <div class="controller">
                                <a href="javascript:;" class="reload"></a>
                                <a href="javascript:;" class="remove"></a>
                            </div>
                            <div class="tiles-title">
                                NOTIFICATIONS
                            </div>
                            <br>
                            <div class="notification-messages info">
                                <div class="user-profile">
                                    <img src="assets/img/profiles/c.jpg" alt="" data-src="assets/img/profiles/c.jpg" data-src-retina="assets/img/profiles/c2x.jpg" width="35" height="35">
                                </div>
                                <div class="message-wrapper">
                                    <div class="heading">
                                        David Nester - Commented on your wall
                                    </div>
                                    <div class="description">
                                        Meeting postponed to tomorrow
                                    </div>
                                </div>
                                <div class="date pull-right">
                                    Just now
                                </div>
                            </div>
                            <div class="notification-messages danger">
                                <div class="iconholder">
                                    <i class="icon-warning-sign"></i>
                                </div>
                                <div class="message-wrapper">
                                    <div class="heading">
                                        Server load limited
                                    </div>
                                    <div class="description">
                                        Database server has reached its daily capicity
                                    </div>
                                </div>
                                <div class="date pull-right">
                                    Yesterday
                                </div>
                            </div>
                            <div class="notification-messages success">
                                <div class="user-profile">
                                    <img src="assets/img/profiles/h.jpg" alt="" data-src="assets/img/profiles/h.jpg" data-src-retina="assets/img/profiles/h2x.jpg" width="35" height="35">
                                </div>
                                <div class="message-wrapper">
                                    <div class="heading">
                                        You have've got 150 messages
                                    </div>
                                    <div class="description">
                                        150 newly unread messages in your inbox
                                    </div>
                                </div>
                                <div class="date pull-right">
                                    Yesterday
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 no-padding">
                    <div class="tiles red weather-widget ">
                        <div class="tiles-body">
                            <div class="controller">
                                <a href="javascript:;" class="reload"></a>
                                <a href="javascript:;" class="remove"></a>
                            </div>
                            <div class="tiles-title">
                                TODAY’S WEATHER
                            </div>
                            <div class="heading">
                                <div class="pull-left">
                                    Tuesday
                                </div>
                                <div class="pull-right">
                                    55
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="big-icon">
                                <canvas id="partly-cloudy-day" width="120" height="120"></canvas>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="tile-footer">
                            <div class="pull-left">
                                <canvas id="wind" width="32" height="32"></canvas>
                                <span class="text-white small-text-description">Windy</span>
                            </div>
                            <div class="pull-right">
                                <canvas id="rain" width="32" height="32"></canvas>
                                <span class="text-white small-text-description">Humidity</span>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="row spacing-bottom ">
                <div class="col-md-12">
                    <div class="tiles white added-margin">
                        <div class="tiles-body">
                            <div class="controller">
                                <a href="javascript:;" class="reload"></a>
                                <a href="javascript:;" class="remove"></a>
                            </div>
                            <div class="tiles-title">
                                SERVER LOAD
                            </div>
                            <div class="heading text-black ">
                                250 GB
                            </div>
                            <div class="progress  progress-small no-radius">
                                <div class="progress-bar progress-bar-success animate-progress-bar" data-percentage="25%"></div>
                            </div>
                            <div class="description">
                                <span class="mini-description"><span class="text-black">250GB</span> of <span class="text-black">1,024GB</span> used</span>
                            </div>
                        </div>
                    </div>
                    <div class="tiles white added-margin">
                        <div id="chart">
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>*@
</div>